<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <title>拼多多</title>
    <link rel="stylesheet" type="text/css" href="../css/aui.css"/>
    <link rel="stylesheet" type="text/css" href="../css/common.css"/>
    <style>
    .aui-tab-item{font-size: .7rem;height: 1.8rem;line-height: 1.8rem;}
      .aui-tab-item.aui-active{border-color: #ff6b06;color: #FE417A;}
      .sort-tab .aui-tab-item.aui-active{border:none;}
      .aui-searchbar-input{border-radius: 5rem;background: #F3F3F3}
      #search_bar{width: 100%;z-index: 9999;border-top: 1px solid #eee;border-bottom: 1px solid #eee;}
      .aui-switch:checked{background-color: #FF512F;border-color: #FF512F;}
      .sortimg{display: inline-block;vertical-align: middle;width: 8px;}
      .tjp-icon{display: inline-block;vertical-align:text-bottom;margin-right: .5rem;margin-top: 0.2rem;}
      .tjp-icon img{width: 1rem;height: 1rem;vertical-align: middle;}
    </style>
</head>
<body>
	<div id="header" style="background: white !important;">
		<header class="aui-bar aui-bar-nav" style="background: white !important;">
      <a class="aui-pull-left aui-btn" onclick="closeWin();">
          <span class="aui-iconfont aui-icon-left" style="color: #999;"></span>
      </a>
      <div class="aui-title" style="left:1.5rem; right: 2rem;">
          <div class="aui-searchbar bg-none" id="search" onclick="openWin('search_win',{tjp:'p'})">
              <div class="aui-searchbar-input aui-border-radius">
                  <span class="tjp-icon"><img src="../image/pinduoduo.png"></span>
                  <input type="search" placeholder="请输入搜索内容" id="search-input" >
                  <div class="aui-searchbar-clear-btn"id="clearbtn">
                      <i class="aui-iconfont aui-icon-close" style="font-size: .6rem;"></i>
                  </div>
              </div>
          </div>
      </div>
      <a class="aui-pull-right aui-btn aui-font-size-14 aui-text-default" onclick="getData()" style="padding:0 0.3rem;">
        <span style="height: 1.2rem;line-height: 1.2rem;background: #FE417A;color:white;width:2rem;border-radius:1.2rem;">搜索</span>
      </a>
		</header>
		<!-- <div class="aui-searchbar bg-white" id="search" onclick="openWin('search_win',{tjp:'p'})">
		    <div class="aui-searchbar-input aui-border-radius" style="background: #ebeced;">
		        <i class="aui-iconfont aui-icon-search"></i>
		        <form action="javascript:search();">
		            <input type="search" placeholder="请输入搜索内容" id="search-input" disabled="">
		        </form>
		    </div>
		</div> -->
	</div>

</body>
<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript" src="../script/zepto.min.js"></script>
<script type="text/javascript" src="../script/common.js"></script>
<script type="text/javascript">
    apiready = function(){
        api.parseTapmode();
        var header = $api.byId('header');
        $api.fixStatusBar(header);
        var headerPos = $api.offset(header);
        var body_h = $api.offset($api.dom('body')).h;

        api.openFrame({
			name : 'pdd_frm',
			url : 'widget://html/pdd_frm.html',
			bounces : false,
            pageParam: api.pageParam,
			rect : {
				x : 0,
				y : headerPos.h,
				w: 'auto',
            	h: 'auto'
			}
            ,allowEdit:true
		});
    };
</script>
</html>
